/* CSS Document */
:root { --color-index:#156564;
}
body { margin: 0; }
.icon:after { vertical-align: super; }
/**扩展衍生区**/
.table.table-toggle th { }
.card.card-cpanel>.card-head { filter: opacity(0.9); }
/**卡片的相关制订区域**/
.card.card-api { filter: drop-shadow(0px 0px 3px var(--color-index)); box-shadow: 0px 0px 4px 0px #000 !important; border: none !important; }
.card.card-api>.card-head { background-color: var(--color-index) !important; filter: opacity(0.9); }
.card.card-api>.card-head>span:first-child { color: #fff !important; font-size: 14px; }
.card.card-api>.card-head>span:last-child span { background-color: #fff !important; }
.card.card-api>.card-foot> { }
.card.card-api>.card-foot>div { }
.card.card-api>.card-foot>div>button { padding: 0.25em 1em !important; color: var(--color-index) !important; filter: opacity(0.8); border-color: var(--color-index) !important; }
.card.card-api>.card-foot>div>button:first-child { background-color: var(--color-index) !important; color: #fff !important; filter: opacity(0.8); }
/**新代码定制区**/
.admin-page { display: grid; grid-template-columns: auto; grid-template-rows: 40px auto; position: fixed; width: 100%; height: 100%; }
.admin-headlogo { min-width: 200px; padding-left: 15px; padding-right: 15px; min-width: 200px; color: #fff; }
.admin-page header { display: -ms-flexbox; display: flex; align-items: center; background-color: var(--color-index); height: 100%; box-shadow: inset 0px 0px 1px 0px #fff; }
.admin-page>.page-body { position: relative; }
.admin-page .admin-conts { position: absolute; width: 100%; height: 100%; display: flex; }
.admin-menu { background: var(--color-index); position: relative; height: 100%; width: 200px; flex: none; z-index: 101; transition: 0.510s; }
.admin-menu.close { transition: 0.510s; width: 0px; }
.admin-winbox { background: #fefefe; position: relative; height: 100%; width: 100%; }
.admin-menubar { top: 0.25em; position: absolute; right: -1.5em; color: #fff; background-color: var(--color-index); width: 1.5em; height: 1.5em; border-top-right-radius: 50%; border-bottom-right-radius: 50%; cursor: pointer; }
.form-title { font-size: 14px; }
/**菜单模块 admin-menus**/
.admin-menusbg { background-image: url(../img/page-bottom-image.png); background-size: contain; background-repeat: no-repeat; background-position: bottom; width: 100%; position: absolute; height: 100%; opacity: 0.15; }
.admin-menus { margin: initial; padding: initial; position: absolute; width: 100%; height: 100%; overflow-y: auto; }
.admin-menus ul { margin: initial; padding: initial; transition: 0.5s; }
.admin-menus li { line-height: 36px; }
.admin-menus a { display: block; color: #fff; cursor: pointer; font-size: 14px; }
.admin-menus a:after { content: ""; position: absolute; right: 0; font-family: kuoqi; font-style: initial; width: 1em; text-align: center; display: inline-block; vertical-align: 0; fill: currentcolor; padding: 0 0.5em; }
.admin-menus>li.has-child>a:after { content: "\F6525"; }
.admin-menus>li.has-childshow>a:after { content: "\F6526"; }
.admin-menus>li { height: 36px; overflow: hidden; }
.admin-menus>li.has-child { height: auto; }
.admin-menus>li.close>ul { height: 0 !important; transition: 0.5s; }
.admin-menus span { }
.admin-menus i { color: #fff; padding: 0.5em; }
.admin-tabs { position: absolute; width: 100%; height: 100%; overflow: hidden; display: grid; grid-template-columns: auto; grid-template-rows: max-content auto; }
.admin-tabhead { padding-left: 2.5em; background-color: #dee1e6; border-bottom: 0.125em solid #ffffff; display: flex; align-items: center; }
.admin-tabhead ul { overflow: hidden; margin: 0; display: flex; list-style-type: none; padding: 0; flex: auto; }
.admin-tabhead ul li { font-size: 12px; cursor: pointer; z-index: 101; border-color: #dee1e6; position: relative; overflow: hidden; background-color: #dee1e6; }
.admin-tabhead ul li:first-child { }
.admin-tabhead ul li.open { background-color: #fff; z-index: 102; margin-left: -1px; }
.admin-tabhead ul a { display: flex; padding: 0.125em 1em; border-right: 1px solid #8b8e92; position: relative; margin: 0.625em 0; }
.admin-tabhead ul li:last-child a { margin-left: 0em; border-right: 1px solid #8b8e92; }
.admin-tabhead ul li.open a { background-color: #fff; z-index: 102; border-right-width: 0px; }
.admin-tabhead ul span { flex: auto; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.admin-tabhead ul li.waiting a { border-right: none; }
.admin-tabhead ul i { margin-left: 0.25em; }
.admin-tabhead-tbar { flex: none; padding: 0.25em; }
.admin-tabbody { position: relative; }
.admin-tabbody iframe { width: 100%; height: 100%; position: absolute; overflow: hidden; display: none; border: none; }
.admin-tabbody iframe.open { display: block; }
/**分页部分**/
ul.pager { display: inline-flex; }
ul.pager.pager-small { font-size: smaller; }
ul.pager li { list-style: none; text-align: center; border-right: 1px solid var(--color-index); padding: 0.25em 1em; border-top: 1px solid var(--color-index); border-bottom: 1px solid var(--color-index); }
ul.pager a { text-decoration: none; color: var(--color-index); }
ul.pager li:first-child { border-left: 1px solid var(--color-index); }
ul.pager li.active { background-color: var(--color-index); color: #fff; }
ul.pager li.active a { color: #fff; }
